<template>
    <div class="achievementTop" :style="achievementTopBg">
        <div><p class="achievementTopMoney">{{Number(data.allOrderMoney).toFixed(2)}}</p><p>总销售额(元)</p></div>
        <div><p class="achievementTopMoney">{{Number(data.allExtractMoney).toFixed(2)}}</p><p>业绩提成(元)</p></div>
    </div>
</template>

<script>

    export default {
        name: "achievementTop",
        components:{
            
        },
        data() {
            return {
                achievementTopBg: {
                    backgroundImage: "url(" + require("@/images/neitui/12.png") + ")",
                    backgroundRepeat: "no-repeat",
                    backgroundSize: "100% 100%",
                    width:'100vw',
                    height:'48vw',
                    color:'#ffffff',
                    fontSize:'15px',
                    textAlign:'center',
                },
            };
        },
        props:["data"],
        methods:{

        },
        created(){
        
        },
        mounted(){
        
        }
    }
</script>

<style scoped lang="scss">
    .achievementTop{
        display:flex;
        justify-content: space-around;
        padding-top: 40px;
        font-size: 15px;
        >div{
            width:45%;
        }
        .achievementTopMoney{
            color:#F4FF3E;
            font-size:31px;
        }
    }
    
</style>
